// 获取元素节点
let Arr=document.querySelectorAll(".magnanimity-img div");

console.log(Arr);
// 遍历数组
Arr.forEach(function(v,i){
    // 绑定事件
    let imgName;
    // 移入
    v.onmouseover=function(){
        // 获取标签里img标签的src属性
        let imgUrl=v.children[0].src;
        console.log("图片地址",imgUrl);
        // 图片地址里最后一个/的下标，不包含/。下标要+1
        let start=imgUrl.lastIndexOf("/")+1;
        // 图片地址里最后一个.的下标
        let end=imgUrl.lastIndexOf(".");
        // 字符串截取 str.slice（开始截取的下标，结束的下标）
        imgName=imgUrl.slice(start,end);
        // 将截取到的图片名称拼接到img的src中
        v.children[0].src=`../images/${imgName}-c.svg`;
        // 改变背景颜色
        v.style.background="#1271ef";
    }
    // 移出
    v.onmouseout=function(){
        console.log(imgName);
        v.children[0].src=`../images/${imgName}.svg`;
        v.style.background="#fff";
    }
});